<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>

<!-- Le Basic Page Needs
    ================================================== -->
<meta charset="utf-8">
<title>Translation Box</title>
<meta name="description"
	content="Translation [Box] é uma empresa de traduções Brasileira.">
<meta name="keywords"
	content="translation, box, portuguese, english, translation box">
<meta property="og:description"
	content="Translation [Box] é uma empresa de traduções Brasileira." />
<meta property="og:title" content="Translation [Box]"/>
<meta property="og:site_name" content="Translation [Box]"/>
<meta property="og:image" content="images/logo.png" />
<meta name="author" content="Trasnlation [Box]">

<!-- Le Mobile Specific Metas
    ================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Le CSS
    ================================================== -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/picons.css">
<link rel="stylesheet" href="css/style.css">

<!-- Le CSS
    ================================================== -->
<link rel="stylesheet" href="css/branding/default.css">

<!-- Le IE Conditionals
    ================================================== -->

<!--[if lt IE 9]>
	    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

<!-- Le Javascript Pre-loads
    ================================================== -->
<script
	src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="js/modernizr.custom.js"></script>

<!-- Le Fonts
	================================================== -->
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700'
	rel='stylesheet' type='text/css'>
<link
	href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css"
	rel="stylesheet">

<!-- Le Favicons
	================================================== -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72"
	href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114"
	href="images/apple-touch-icon-114x114.png">

</head>
<body id="top">
	<!-- Le Widget -->
	<div id="widget">
		<div class="widget_container">
			<div class="container">
				<div class="row">
					<div class="col-sm-7">Assine a nossa newsletter para ficar
						atualizado sobre nossos preços e serviços. Não se preocupe, nós
						também não gostamos de spam e nunca iremos divulgar seu e-mail.</div>
					<div class="col-sm-1"></div>
					<div class="col-sm-4">
						<div class="row">
							<div class="col-sm-8">
								<input type="email" name="email" placeholder="E-mail">
							</div>
							<div class="col-sm-4">
								<button class="login-button">Cadastrar</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<a class="toggle"><i class="fa fa-sort"></i></a>
	</div>

	<!-- Le Header -->
	<header class="full">
		<div class="overlay">
			<article>
				<h1>
					Translation <font color=red>[BOX]</font>
				</h1>
				<h2>
					<font color=red>Translation</font> &middot; Localization
				</h2>
			</article>
		</div>
	</header>

	<!-- Le Navigation -->
	<nav class="full">
		<div class="container">
			<div class="row">
				<ul id="top-menu">
					<li class="col-sm-2 active"><a href="#top"><i
							class="fa fa-chevron-up"></i><span class="hidden">Topo</span></a></li>
					<li class="col-sm-2"><a href="#whoweare">Quem somos</a></li>
					<li class="col-sm-2"><a href="#whatwedo">O que fazemos</a></li>
					<li class="col-sm-2"><a href="#stuffwemade">Trabalhos anteriores</a></li>
					<li class="col-sm-2"><a href="#getintouch">Entre em contato</a></li>
					<li class="col-sm-2"><a href="#testimonials"><i class="fa fa-chevron-down"></i><span class="hidden">Siga-nos</span></a></li>
				</ul>
			</div>
		</div>
	</nav>

	<!-- Who We Are -->
	<section id="whoweare">
		<div class="container">
			<h1 class="title">
				Quem <span>Somos</span>
			</h1>
			<h2 class="sub-title">
				A Translation <font color=red>[BOX]</font> é uma empresa focada na
				tradução dos mais diversos tipos de conteúdo. A bagagem técnica e
				cultural dos membros permite que as mais varidas esferas temáticas
				possam ser atingidas.
			</h2>

			<h3 class="heading red">
				<i class="fa fa-camera-retro"></i> Temos <strong>Experiência</strong>
			</h3>

			<div class="row add-margin">
				<div class="col-sm-6">
					<p>
						A equipe da Translation <font color=red>[BOX]</font> possui mais
						de 2.000 traduções nas mais diversas áreas de conhecimento.
					</p>
				</div>
				<div class="col-sm-6">
					<p>
						Com experiência em traduções que vão de culinária e
						jardinagem a tecnologia e informática, estamos aptos a traduzir
						todo tipo de material.
					</p>
				</div>
			</div>

			<h3 class="heading red">
				<i class="fa fa-users"></i> Somos uma <strong>Equipe</strong>
			</h3>

			<div class="row add-margin">
				<div class="col-sm-6">
					<p>
						A equipe da Translation <font
							color=red>[BOX]</font> trabalha em completa sintonia. A
						descontração em nosso ambiente de trabalho caminha de mãos dadas
						com nossa responsabilidade e excelência.
					</p>
				</div>
				<div class="col-sm-6">
					<p>
						Na Translation <font color=red>[BOX]</font>, nós utilizamos a
						tática do "Dividir para conquistar". Assinalamos equipes
						diferenciadas para projetos diferenciados.
					</p>
				</div>
			</div>

			<h3 class="heading red">
				<i class="fa fa-refresh fa-spin"></i> Somos <strong>Inovadores</strong>
			</h3>

			<div class="add-md-top">
				<p>
					Na Translation <font color=red>[BOX]</font>, utilizamos um método
					de dupla revisão, ou "double-check". O objetivo é eliminar todo e
					qualquer erro que possa passar despercebido.
				</p>
				<p>A equipe está preparada para utilizar toda e qualquer
					ferramenta necessária para se obter sucesso na tradução.</p>
			</div>
		</div>
	</section>

	<!-- What We Do -->
	<section id="whatwedo" class="rotateInUpLeft">
		<div class="container">
			<h1 class="title">
				Nosso <span class="turquoise">trabalho</span>
			</h1>
			<h2 class="sub-title">Nós somos uma empresa de tradução digital
				localizada no Brasil. Traduzimos sites, programas, aplicativos
				portáteis e outras formas de conteúdo digital.</h2>

			<div class="row services">
				<div class="col-sm-4">
					<h2>
						<i class="icon-picons-cloud"></i>
					</h2>
					<h5>Conteúdo web</h5>
					<p>Traduzimos o conteúdo do seu site, vídeo, apresentação...
						Tudo isso para que você possa atingir todo um novo público.</p>
				</div>
				<div class="col-sm-4">
					<h2>
						<i class="icon-picons-desktop-users"></i>
					</h2>
					<h5>Conteúdo digital</h5>
					<p>Se você possui um programa para desktop, aplicativo
						portátil, jogo ou filme, nós podemos traduzi-lo/localiza-lo.</p>
				</div>
				<div class="col-sm-4">
					<h2>
						<i class="icon-picons-read"></i>
					</h2>
					<h5>Textos</h5>
					<p>Se sua necessidade é a tradução de documentos, artigos,
						manuais ou livros, nós podemos fazer isso para você.</p>
				</div>
			</div>

			<hr />

			<div class="row add-lg-top add-bottom">
				<div class="col-sm-6">
					<h3>Nossa experiência &amp; trabalhos anteriores</h3>
					<p>
						As mais de 2.000 traduções realizadas pela equipe da Translation
						<font color=red>[BOX]</font> são um excelente portifólio. Textos
						simples, artigos e manuais figuram as nossas na listas de
						trabalhos passados.
					</p>
					<p>
						<a href="/translation-box/experience.html"
							class="btn btn-primary turquoise">Read More</a>
					</p>
				</div>

				<div class="col-sm-6">
					<div class="progress progress-danger border-radius"
						data-appear-progress-animation="70%">
						<div class="bar" style="width: 70%; text-indent: 10px;">Artigos</div>
					</div>

					<div class="progress progress-success border-radius"
						data-appear-progress-animation="70%">
						<div class="bar" style="width: 70%; text-indent: 10px;">Web
							Sites</div>
					</div>

					<div class="progress progress-info border-radius"
						data-appear-progress-animation="40%">
						<div class="bar" style="width: 40%; text-indent: 10px;">Games</div>
					</div>

					<div class="progress progress-warning border-radius"
						data-appear-progress-animation="90%">
						<div class="bar" style="width: 90%; text-indent: 10px;">Softwares</div>
					</div>

					<div class="progress border-radius"
						data-appear-progress-animation="58%">
						<div class="bar" style="width: 58%; text-indent: 10px;">Aplicativos
							portáteis</div>
					</div>
				</div>
			</div>

			<hr />

			<h2 class="sub-title add-lg-top">Aqui é possível encontrar
				alguns dos serviços que oferecemos.</h2>

			<div class="row services2">
				<div class="col-sm-4">
					<div class="item">
						<i class="icon-picons-url"></i>
						<h4>Web Sites</h4>
						<p>Podemos internacionalizar o conteúdo do seu site para que
							você possa atingir, geografica e culturalmente, uma nova gama de
							leitores.</p>
					</div>
				</div>
				<div class="col-sm-4">
					<div class="item">
						<i class="icon-picons-rocket"></i>
						<h4>Aplicativos portáteis</h4>
						<p>
							Se você possui um aplicativo para <font
								style="font-style: italic;">smartphone</font> ou <font
								style="font-style: italic;">tablet</font> e deseja traduzi-lo
							para uma, ou várias línguas, nós podemos fazer esse trabalho para
							você.
						</p>
					</div>
				</div>
				<div class="col-sm-4">
					<div class="item">
						<i class="icon-picons-gamepad"></i>
						<h4>Games</h4>
						<p>
							Jogos localizados são um diferencial para todos os <font
								style="font-style: italic;">gamers</font>. Se você se preocupa
							com qualidade e deseja atigir novos mercados,
							entre em contato conosco.
						</p>
					</div>
				</div>
				<div class="col-sm-4">
					<div class="item">
						<i class="icon-picons-suitcase-3"></i>
						<h4>Propaganda</h4>
						<p>As campanhas de marketing possuem um impacto maior se
							direcionados a um público alvo em sua língua nativa. Traduziremos
							ou localizaremos sua propaganda se necessário.</p>
					</div>
				</div>
				<div class="col-sm-4">
					<div class="item">
						<i class="icon-picons-book"></i>
						<h4>Livros</h4>
						<p>O bom aproveitamento da leitura depende da compreensão do texto
							escrito. Traduzindo a sua obra, podemos levá-la a novos leitores
							ávidos por mais uma aventura.</p>
					</div>
				</div>
				<div class="col-sm-4">
					<div class="item">
						<i class="icon-picons-brain"></i>
						<h4>Material técnico</h4>
						<p>Precisa traduzir um manual de instruções, um guia do tipo "faça
							você mesmo" ou outros matériais técnicos/científicos? Basta
							entrar em contato com a gente.</p>
					</div>
				</div>
			</div>
		</div>
	</section>

	<!-- Stuff We Made -->
	<section id="stuffwemade" class="bounceIn">
		<div class="container">
			<div class="row">
				<div class="span12">
					<h1 class="title">
						Trabalhos <span class="highlight purple">Anteriores</span>
					</h1>
					<h2 class="sub-title">A equipe, oriunda de terras sul-americanas, já
						trabalhou junto de várias empresas, traduzindo e localizando
						conteúdo de diversas mídias.</h2>
				</div>
			</div>
		</div>

		<div class="container">
			<div class="portfolio clearfix">
				<div class="main row">
					<ul id="og-grid" class="og-grid">
						<li class="filter-web"><a href="http://fwpolice.com"
							data-largesrc="images/portfolio/1.jpg" data-title="Azuki bean"
							data-description="Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage soko coriander sweet pepper water spinach winter purslane shallot tigernut lentil beetroot.">
								<figure>
									<div class="text-overlay">
										<div class="info">See Project</div>
									</div>
									<img src="images/portfolio/1.jpg" alt="">
								</figure>
						</a></li>
						<li class="filter-branding"><a href="http://fwpolice.com"
							data-largesrc="images/portfolio/2.jpg"
							data-title="Veggies sunt bona vobis"
							data-description="Komatsuna prairie turnip wattle seed artichoke mustard horseradish taro rutabaga ricebean carrot black-eyed pea turnip greens beetroot yarrow watercress kombu.">
								<figure>
									<div class="text-overlay">
										<div class="info">See Project</div>
									</div>
									<img src="images/portfolio/2.jpg" alt="">
								</figure>
						</a></li>
						<li class="filter-oil"><a href="http://fwpolice.com"
							data-largesrc="images/portfolio/3.jpg"
							data-title="Dandelion horseradish"
							data-description="Cabbage bamboo shoot broccoli rabe chickpea chard sea lettuce lettuce ricebean artichoke earthnut pea aubergine okra brussels sprout avocado tomato.">
								<figure>
									<div class="text-overlay">
										<div class="info">See Project</div>
									</div>
									<img src="images/portfolio/3.jpg" alt="">
								</figure>
						</a></li>
					</ul>
				</div>
			</div>
		</div>
	</section>

	<!-- How to Reach Me -->
	<section id="getintouch" class="fadeInRightBig">
		<div class="container">
			<h1 class="title">
				Entre em <span class="highlight orange">Contato</span>
			</h1>
		</div>

		<div class="container">
			<h2 class="sub-title">Utilize o formulário abaixo para obter uma retorno rápido sobre
			um orçamento de projeto ou simplesmente para conversar conosco. Tentaremos ser rápidos
			e responder prontamente.</h2>

			<div class="row">
				<div class="col-sm-8">
					<form class="contact">
						<div class="row">
							<div class="col-sm-6">
								<label class="required" for="name"> Nome <input
									type="text" name="name" id="name" placeholder="Translation [BOX]"
									required>
								</label>
							</div>
							<div class="col-sm-6">
								<label class="required" for="email"> E-mail <input
									type="email" name="email" id="email"
									placeholder="box@translationbox.com" required>
								</label>
							</div>
						</div>
						<div class="row">
							<div class="col-sm-6">
								<label for="budget"> Valor <select id="budget">
										<option disabled="" selected="">~ Select One ~</option>
										<option>Just Info</option>
										<option>Less than $500</option>
										<option>$500 - $999</option>
										<option>$1,000 - $1,999</option>
										<option>$2,000 - $4,999</option>
										<option>$5,000 - $9,999</option>
										<option>$10,000 - $19,999</option>
										<option>More than $20,000</option>
								</select>
								</label>
							</div>
							<div class="col-sm-6">
								<label for="time"> Prazo <select id="time">
										<option disabled="" selected="">~ Select One ~</option>
										<option>Less than One Week</option>
										<option>Three Weeks</option>
										<option>One Month</option>
										<option>Three Months</option>
										<option>Six Months</option>
										<option>One Year</option>
										<option>Continuous</option>
								</select>
								</label>
							</div>
						</div>
						<label class="required"> Mensagem <textarea rows="7"
								placeholder="Eu tenho um produto para traduzir..." required></textarea>
						</label>
						<div class="add-sm-top text-center">
							<button class="btn btn-danger" type="submit">
								<i class="fa fa-envelope"></i> &nbsp; ENVIAR E-MAIL
							</button>
						</div>
					</form>
				</div>
				<div class="col-sm-4 contact-address">
					<h3 class="heading turquoise add-xs-top">Entre em contato</h3>
					<p>Katuski utade marido alifando. Lipsum dolor slo onsec
						tueraliquet Morbi nec In Curabitur lreaoreet nisl lorem in
						pellente pellente eget.</p>

					<h3 class="heading purple add-sm-top">Fale conosco</h3>
					<address>
						<abbr title="Phone"><i class="fa fa-phone"></i></abbr>1.718.456.7890
					</address>
					<address>
						<abbr title="Email"><i class="fa fa-envelope"></i></abbr>contact@translationbox.com
					</address>
				</div>
			</div>
		</div>
	</section>

	<!-- Client Quotes -->
	<section id="testimonials">
		<div class="container">
			<div class="carousel slide testimonials">
				<div class="carousel-inner clearfix">
					<div class="item active">
						<p>
							This is the <strong>most gorgeous</strong> template I have every
							purchased. It is <strong>clean</strong>, <strong>easy to
								use</strong>, and the <strong>support is great</strong>. For the price, I
							<strong>highly recommend it</strong>. 5 Starts!
						</p>
						<div class="cite">
							~ <a href="#">The Creative Market</a> ~
						</div>
					</div>
					<div class="item">
						<p>Aliquam facilisis, orci in vulputate posuere, sapien dolor
							dapibus orci, vitae venenatis dui elit vitae lorem. Sed porta
							fermentum felis in molestie. Sed porta fermentum felis in
							molestie. Sed porta fermentum felis in molestie.</p>
						<div class="cite">
							~ <a href="#">The Fireworks Police</a> ~
						</div>
					</div>
					<div class="item">
						<p>
							Pariatur cliche <strong>reprehenderit</strong>, enim eiusmod high
							life accusamus terry richardson ad squid. 3 wolf moon officia
							aute, non <strong>cupidatat skateboard</strong> dolor brunch.
							Food truck quinoa nesciunt laborum eiusmod.
						</p>
						<div class="cite">
							~ <a href="#">Envato Marketplace</a> ~
						</div>
					</div>
				</div>

				<ol class="carousel-indicators">
					<li data-target="#testimonials" data-slide-to="0" class="active"></li>
					<li data-target="#testimonials" data-slide-to="1" class=""></li>
					<li data-target="#testimonials" data-slide-to="2" class=""></li>
				</ol>
			</div>
		</div>
	</section>

	<!-- Social Bar -->
	<section id="social-bar">
		<div class="container">
			<div class="social-wrapper">
				<h2>Social Places</h2>
				<div class="social" style="height: 80px;">
					<div>
						<a href="#"><img src="images/social/facebook.png"
							alt="Facebook"></a>
					</div>
					<div>
						<a href="#"><img src="images/social/google.png" alt="Google"></a>
					</div>
					<div>
						<a href="#"><img src="images/social/twitter.png" alt="Twitter"></a>
					</div>
					<div>
						<a href="#"><img src="images/social/linkedin.png"
							alt="Linkedin"></a>
					</div>
					<div>
						<a href="#"><img src="images/social/dribbble.png"
							alt="Dribbble"></a>
					</div>
					<div>
						<a href="#"><img src="images/social/forrst.png" alt="Forrst"></a>
					</div>
					<div>
						<a href="#"><img src="images/social/zerply.png" alt="Zerply"></a>
					</div>
					<div>
						<a href="#"><img src="images/social/skype.png" alt="Skype"></a>
					</div>
					<div>
						<a href="#"><img src="images/social/youtube.png" alt="Youtube"></a>
					</div>
				</div>
				<a class="show-more" href="#" style="display: none;"></a>
			</div>
		</div>
	</section>

	<!-- Le Footer -->
	<footer class="footer-wrapper hidden-xs">
		<div class="footer-slogan">
			<div class="container">
				<div class="row">
					<a class="ribbon"> </a>
				</div>
			</div>
		</div>
		<div class="footer-links container">
			<div class="row">
				<div class="col-sm-4">
					<h4>Recent Tweets</h4>
					<a class="twitter-timeline" height="300"
						href="https://twitter.com/brunocharamba"
						data-widget-id="561846008095977473">Tweets by @brunocharamba</a>
					<script>
						!function(d, s, id) {
							var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/
									.test(d.location) ? 'http' : 'https';
							if (!d.getElementById(id)) {
								js = d.createElement(s);
								js.id = id;
								js.src = p
										+ "://platform.twitter.com/widgets.js";
								fjs.parentNode.insertBefore(js, fjs);
							}
						}(document, "script", "twitter-wjs");
					</script>
				</div>
				<div class="col-sm-4">
					<h4>Recent Articles</h4>
					<p>Wayfarers magna sunt, Austin organic brooklyn nesciunt
						exercitation you probably haven't heard of them est. Wayfarers
						magna sunt, Austin organic brooklyn nesciunt exercitation you
						probably haven't heard of them est.</p>
				</div>
				<div class="col-sm-4">
					<h4>Business Hours</h4>
					<p>Wayfarers magna sunt, Austin organic brooklyn nesciunt
						exercitation you probably haven't heard of them est. Wayfarers
						magna sunt, Austin organic brooklyn nesciunt exercitation you
						probably haven't heard of them est.</p>
				</div>
			</div>
		</div>
	</footer>

	<div class="footer-copyright">
		<div class="container">
			<div class="row">
				<div class="col-sm-8">&copy; Simply.Me. All Rights Reserved.</div>
				<div class="col-sm-4 text-right mobile-center">
					<a href="#">Privacy</a> / <a href="#">Terms</a> / <a href="#">Jobs</a>
				</div>
			</div>
		</div>
	</div>

	<div id="preloader">
		<div id="status">
			<div class="spinner"></div>
		</div>
	</div>

	<!-- Le Javascript -->
	<script src="js/bootstrap.min.js"></script>
	<script src="js/library.js"></script>
	<script src="js/scripts.js"></script>

</body>
</html>